<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
	content="text/html; charset=charset=utf-8">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<title>单词计划</title>
<style type="text/css">
.bodybg {
	background-color: gray;
}

.textbg {
	background-color: green;
}

p {
	margin: 15px;
	font-size: 16px;
	font-weight: 25px;
}

.alterbg {
	width: 8px;
	height: 8px;
}

.greenbg {
	background-color: olive;
}

.bluebg {
	background-color: navy;
}

.whritebg {
	background-color: fuchsia;
}
</style>
</head>
<body>
	<div class="container">
		<div class="navbar navbar-default navbar-fixed">
			<div class="navbar-left">
				<ol class="breadcrumb">
					<li><a href="#">首页 </a></li>
					<li><a href="#">背单词</a></li>
					<li><a href="#">制定任务</a></li>
				</ol>
			</div>
		</div>

	</div>
	<div class="container">
		<form action="">
			<div class="form-group">
				<label class="pull-left"> 天数: </label> <input class="form-control"
					type="number" />
			</div>
			<div class="form-group">
				<label class="pull-left"> 可选单词 </label>
				<table class="table">
					 <c:forEach var="vo" items="${vos}" varStatus="index">
						<tr>
							<td class="hidden">${vo.vocatype.vocatypeid }</td>
							<td><span>${vo.vocatype.vocatypename }</span><span>${vo.num }</span></td>
							<td><input type="checkbox" /></td>
						</tr>
					</c:forEach> 
				</table>
			</div>

			<div class="well">
				<p>一共110个单词，计划完成时间5天，每天22个</p>
			</div>

			<div class="form-group pull-right">
				<ul class="list-group">
					<li class="list-group-item pull-left"><button
							class="btn btn-default">显示计划</button></li>
					<li class="list-group-item pull-right"><button
							class="btn btn-default">完成制定</button></li>
				</ul>
			</div>

		</form>
	</div>

	<script src="jquery/jquery.min.js"></script>
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>